<template>
	<view class="order-footer">
		<view class="order-footer-btn" @click="cancel">
			取消订单
		</view>
		<view class="order-footer-btn highlight" @click="toPay">
			立即付款
		</view>
		
	</view>
</template>

<script>
	import {tabs} from '../../utils/data.js'
	export default {
		props: ['type'],
		data() {
			return {
				tabs
			};
		},
		methods: {
			cancel() {
				this.$emit('cancel')
			},
			toPay() {
				this.$emit('toPay')
			}
		}
	}
</script>

<style>
.order-footer {
	border-top: 1upx solid #E6E6E6;
	height: 85upx;
	display: flex;
	justify-content: flex-end;
	position: fixed;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 750upx;
	background: #FFFFFF;
	align-items: center;
}
.order-footer-btn {
	height: 54upx;
	width: 150upx;
	color: #646464;
	text-align: center;
	line-height: 54upx;
	border-radius: 6upx;
	border:2px solid rgba(237,237,237,1);
	font-size: 25upx;
	margin: 0 19upx 0 11upx;
}
.highlight {
	color: #EA0A2A;
	border:2upx solid rgba(234,10,42,1);
}
</style>
